<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        #all{
            border: 1px solid blue;
            width: 1510px;
            height: 700px;
        }
        #tp{
            border: 1px solid blue;
            width: 100%;
            height: 90px;
        }
        #right{
            border: 1px solid blue;
            width: 500px;
            height: 600px;
            position: relative;
            float: right;
        }
        #rbod {
            border: 1px solid blue;
            width: 500px;
            height: 600px;
            float: right;
            position: relative;
        }
        #reception{
            width: 500px;
            height: 600px;
            position: relative;
            border: 1px solid blue;
            float: left;
        }
        #ys{
            border: 1px solid blue;
            width: 450px;
            height: 400px;
            float:bottom;
        }
        #get{
            border: 1px solid blue;
            width: 450px;
            height: 400px;
            float:bottom;
        }
        #sc{
            border: 1px solid blue;
            width: 450px;
            height: 400px;
            float:bottom;
        }
    </style>
</head>
<body>
<div id="all">
<div id="tp">
    <a href="/shuiyin/index/select">文件操作</a>
</div>

    <div id="reception">
        <h1>上传图片</h1>
        <form action="/shuiyin/index/update" enctype="multipart/form-data" method="post">
            <input type="file" name="image1">
            <input type="submit" value="上传" id="but-submit">
        </form>
        文件名:<span th:text="${path1}"></span><br>
        文件大小:<span th:if="${img}">
        <span th:text="${img.img_size}"></span>
    </span><br>

        <img th:src="@{'/images/'+${path1}}" style="width: 150px;height: auto"/>
    </div>

    <div id="rbod">
        <h1>压缩</h1>
        <form action="/shuiyin/index/yasuo" enctype="multipart/form-data">
            <input type="submit" value="开始压缩">
        </form>
        <img th:src="@{'/images/'+${thumbImg}}"/>

        压缩文后件大小:<span th:if="${sessionImg}">
        <span th:text="${sessionImg.img_size3}"></span><br>
    </span>
        <!--<span th:text="${sessionImg.img_size3}"></span>-->
    </div>
    <div id="right">
        <h1>生成</h1>
        <form action="/shuiyin/index/waterMark" enctype="multipart/form-data" method="post">
            添加水印文字:<input type="text" name="jjj" ><br>
            <input type="submit" value="添加水印" >

        </form>
        <img id="srcImage" th:src="@{'/images/'+${path2}}" style="width: 150px;height: auto"/>

    </div>
</div>


    <!--<div>
        <select>
            <option value="读书">读书</option>
            <option value="读书">读书</option>
            <option value="读书">读书</option>

        </select>
    </div>-->

</body>
</html>

